.video-play {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    &::before {
        content: "";
        display: block;
        @width: 1.44rem;
        height: @width;
        width: @width;
        margin: -@width/2 0 0 -@width/2;
        background-image: url(https://cdn.weipaitang.com/static/201801237bc26d88-51a2-4e0a-91a9-31a03b316966-W88H88);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
        position: absolute;
        top: 50%;
        left: 50%;
    }

    &.loading::before {
        background-image: url("./loading.png") !important;
        animation: playLoading 1s linear infinite;
        background-size: 100% auto;
        @keyframes playLoading {
            from {
                transform: rotateZ(0);
            }
            to {
                transform: rotateZ(360deg);
            }
        }
    }

    &.loading.hide-loading::before {
        background: none !important;
        animation: none;
    }

    img {
        display: block;
        width: 100%;
        height: auto;
        min-height: 7.5rem * 3.5 / 16;
    }
}
